@charset "utf-8";
*,*::after,*::before{box-sizing:border-box;}
*:focus { outline: none; }
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, img, button,figure{margin: 0;padding: 0;border: 0;}
html{-webkit-text-size-adjust:none; }
body{font-size:14px;position:relative;*overflow-x:hidden; background-color: #fff;color: #000;font-family:Arial,"Microsoft YaHei", "PingFang SC", apple-system, "Helvetica Neue", "Source Han Sans SC","WenQuanYi Micro Hei", sans-serif;line-height: 1.5;outline:none;}
table{border-collapse:collapse; border-spacing:0;}
ol, ul, li{ list-style:none;}
h1, h2, h3, h4, h5, h6{font-weight:normal;}
h1{font-size:28px;}
h2{font-size:22px;}
h3{font-size:18px;}
h4{font-size:16px;}
h5{font-size:14px;}
h6{font-size:12px;}
img{-webkit-box-sizing:border-box;box-sizing:border-box;max-width:100%;height:auto;vertical-align:middle;border:0;transition: all 0.3s;}
em,i{font-style: normal;}
blockquote:before,
blockquote:after,
q:before,
q:after{content:'';content:none;}
a{text-decoration:none;color:#000;} 
a:hover{color:#047857;text-decoration:none;} 
a:focus{outline:0px dotted;}
a:focus, input:focus{ -moz-outline-style: none; } 
input[type="button"],
input[type="submit"],
input[type="reset"] {-webkit-appearance: none;}
.fl{ float:left;}
.fr{ float:right;}
.clear { clear:both;}
.clearfix:after { content: '\20'; display: block; height: 0; clear: both; }
.clearfix { *zoom:1;}
.els {overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.els2 {overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.wrapper{ overflow:hidden; width:100%}
.nr {width: 1680px; margin: 0 auto; }
.nr:after { content: '\20'; display: block; height: 0; clear: both; }
@media (max-width: 1680px){
    .nr { width: 1200px; margin:0 auto }
}
@media (max-width: 1200px){
    .nr { width:92%}
}

.header{ position:fixed; left:0; top:0; z-index:9; width:100%; height:99px; border-bottom:1px solid rgba(255,255,255,0.2)}
.header .nr{ width:1560px; margin:0 auto; height:100%}
.header .logo{ float:left;height:100%}
.header .logo img{ height:100%; padding:16px 0; height:100%; width:auto}
.header .logo img.img1{ display:block}
.header .logo img.img2{ display:none}
.header .nav{ float:left; margin-left:185px}
.header .nav ul li{ float:left; position:relative; padding:0 10px;line-height:99px}
.header .nav ul li>a{ font-size:16px; color:#fff; display:block; padding:0 12px; position:relative }
.header .nav ul li.on>a:after,.header .nav ul li:hover>a:after{ content:""; display:block; width:100%; height:5px; background:#f7ae00; position:absolute; left:0; bottom:0}
.header .rt{ float:right; height:100%}
.header .rt .tel{ float:left; background:url(g_03.png) right center no-repeat; padding-right:22px}
.header .rt .tel a{ color:#fff; font-size:24px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; line-height:99px;background:url(g_01.png) left center no-repeat; padding-left:45px; display:block;}
.header .rt .sea{ width:25px; height:100%; float:left; background:url(g_02.png) center center no-repeat; cursor:pointer; margin-left:25px; }
.header .rt .url{ height:100%; float:left; background:url(g_03.png) left center no-repeat; cursor:pointer; margin-left:25px;padding-left:25px}
.header .rt .url a{ display:block; color:#fff; font-size:16px; line-height:99px}
.header .rt .menu{ width:60px; height:100%; float:left; background:url(g_01x.png) center center no-repeat; cursor:pointer; position:relative; background-size:20px; display:none}
.header .rt .menu:after{ content:""; display:block; background:url(g_04.jpg) center center no-repeat; width:2px; height:20px; position:absolute; left:-1px; top:50%; transform:translateY(-50%)}
.header .nav ul li .xl{ position:absolute; display:none; width:660px; background:rgba(255,255,255,0.7); left:-180px; top:100%; z-index:2; box-sizing:border-box; padding:4px 22px 4px 16px; box-shadow:0 0 10px rgba(0,0,0,0.15)}
.header .nav ul li:hover .xl{ display:block}
.header .nav ul li .xl .lt{ width:285px; float:left; border-right:1px solid #d2d2d2;padding-bottom:15px}
.header .nav ul li .xl .lt .title{ font-size:16px; color:#0e4b2c; line-height:36px;}
.header .nav ul li .xl .lt .title .pic{ width:266px; }
.header .nav ul li .xl .lt .title .pic img{ width:100%}
.header .nav ul li .xl .rt{ width:295px; float:right; margin-top:10px}
.header .nav ul li .xl .rt a{ display:block; width:117px; line-height:30px; background:url(gg1.png) right center no-repeat; font-size:14px; color:#282828; float:left; padding:0}
.header .nav ul li .xl .rt a:nth-child(2n){ float:right}

.header.black{ background:#fff; border-bottom:0; box-shadow:0 0 20px rgba(00,00,0,0.1)}
.header.black .logo img.img2{ display:block}
.header.black .logo img.img1{ display:none}
.header.black .nav ul li a{ color:#000000}
.header.black .nav ul li.on a:after,.header.black .nav ul li:hover a:after{ background:#0d4528}
.header.black .rt .tel{background:url(g_03_b.png) right center no-repeat;}
.header.black .rt .tel a{background:url(g_01_b.png) left center no-repeat; color:#000000}
.header.black .rt .sea{background:url(g_02_b.png) center center no-repeat;}
.header.black .rt .menu{ background:url(g_01x_2.png) center center no-repeat; background-size:20px}
.header.black .rt .url{ background:url(g_03_b.png) left center no-repeat;}
.header.black .rt .url a{ color:#333}
@media (max-width: 1600px){
	.header .nr{ width:1200px}
	.header .nav{ margin-left:50px}
	.header{ height:80px}
	.header .nav ul li{ line-height:80px; height:80px; padding:0 10px}
	.header .nav ul li a{ padding:0 6px}
	.header .rt .tel a{ line-height:80px; font-size:20px; padding-left:35px}
	.header .rt .sea{ margin-left:20px}
	.header .rt .url{ margin-left:20px;padding-left:20px}
	.header .rt .url a{ line-height:80px}
}
@media (max-width:1200px) {
	.header{ height:60px}
	.header .nr{ width:92%; margin:0 auto}
	.header .nav{ display:none}
	.header .rt .ewm{ width:50px}
	.header .rt .sea{ width:50px; margin-left:0; background-size:20px}
	.header .rt .menu{ width:50px; display:block}
	.header .rt .ewm:after,.header .rt .menu:after{ width:1px}
	.header .rt .tel a{ font-size:0; height:60px; padding-left:35px;}
	.header .rt .tel{ background:none; padding-right:0;}
	.header .rt .url{ margin-left:0;padding-left:0; background:none}
	.header .rt .url a{ line-height:60px; font-size:14px; width:50px; text-align:center}
	
	.header.black .rt .ewm{ width:50px}
	.header.black .rt .sea{ width:50px; margin-left:0; background-size:20px}
	.header.black .rt .menu{ width:50px; display:block}
	.header.black .rt .ewm:after,.header .rt .menu:after{ width:1px}
	.header.black .rt .tel a{ font-size:0; height:60px; padding-left:35px;}
	.header.black .rt .tel{ background:none; padding-right:0;}
	.header.black .rt .url{ background:none}
	
}


.sea_on{ width:100%; height:100%; left:0; top:0; background:rgba(00,00,00,0.5); position:fixed; z-index:99; display:none}
.sea_on .s1{ width:400px; height:68px; position:absolute; left:50%; margin-left:-200px; top:50%; margin-top:-34px; background:#fff}
.sea_on .s1 .inp1{ width:200px; height:68px; border:0; position:absolute; left:10px; top:0; font-size:14px;}
.sea_on .s1 .inp2{ width:76px; height:68px; background:url(g_01_2.png) center center no-repeat #e95513; position:absolute; right:0; top:0; cursor:pointer; background-size:24px} 
.sea_on .s1 .gb{ width:30px; height:30px; background:url(gb.png) center center no-repeat; background-size:30px; position:absolute; right:0; top:-50px; cursor:pointer}
@media (max-width:1200px) {
	.sea_on .s1{ width:300px; height:48px;margin-left:-150px;margin-top:-24px;}
	.sea_on .s1 .inp1{ width:180px; height:48px;}
	.sea_on .s1 .inp2{ width:76px; height:48px;background-size:20px} 
	.sea_on .s1 .gb{ width:24px; height:24px; background:url(gb.png) center center no-repeat; background-size:24px; position:absolute; right:0; top:-30px; cursor:pointer}
}

.footer{ background:#252526; padding-top:50px;}
.footer .nr{ width:1280px; margin:0 auto}
.ft01{ padding-bottom:50px}
.ft01 .nr .lt{ float:left; width:270px;}
.ft01 .nr .lt .logo img{ width:100%}
.ft01 .nr .lt .ewm{ text-align:center; margin-top:50px}
.ft01 .nr .lt .ewm img{ width:115px}
.ft01 .nr .cen{ float:right}
.ft01 .nr .cen dl{ float:left; margin-left:75px}
.ft01 .nr .cen dl dt{ font-size:16px; margin-bottom:20px}
.ft01 .nr .cen dl dt a{ color:#fff}
.ft01 .nr .cen dl dd a{ font-size:12px; color:rgba(255,255,255,0.5); line-height:30px; display:block}
.ft01 .nr .rt{ float:right}
.ft01 .nr .rt .ewm{ float:left; text-align:center; width:114px; margin-left:30px}
.ft01 .nr .rt .ewm .pic{ width:100%}
.ft01 .nr .rt .ewm .pic img{ width:100%}
.ft01 .nr .rt .ewm .title{ font-size:14px; color:#333333; padding-top:10px}
.ft02{ border-top:1px solid rgba(255,255,255,0.2); padding:20px 0; font-size:16px; color:#949494} 
.ft02 .nr a{ color:#949494}
.ft02 .nr a:hover{ color:#fff}
.ft02 .nr .lt{ float:left}
.ft02 .nr .rt{ float:right}
@media (max-width:1366px) {
	.footer .nr{ width:1200px}
	
}
@media (max-width:1200px) {
	.footer{ padding-top:40px}
	.footer .nr{ width:92%}
	.ft01 .nr .lt{ width:100%}
	.ft01 .nr .lt .ewm{ margin-top:30px}
	.ft01 .nr .cen{ display:none}
	.ft01 .nr .rt{ width:100%; margin-top:20px}
	.ft01 .nr .lt .logo{ text-align:center}
	.ft01 .nr .lt .logo img{ height:45px; width:auto}
	.ft01 .nr .lt .tel{ margin-top:20px}
	.ft01 .nr .lt .tel .a{ font-size:12px; color:#333333; font-weight:bold}
	.ft01 .nr .lt .tel .b{ font-size:24px; color:#e95513; font-weight:bold}
	.ft01 .nr .lt .tel .c{ font-size:12px; color:#333333; margin-top:5px}
	.ft01 .nr .rt .ewm{ width:100px; margin-left:0; margin-right:15px}
	.ft01 .nr .rt .ewm .title{ font-size:12px}
	.ft01{ padding-bottom:40px}
	.ft02{ text-align:center; line-height:2; font-size:12px; padding:15px 0}
	.ft02 .nr .lt{ width:100%}
	.ft02 .nr .rt{ width:100%}

}
























































































.slide_box { background: #fff; width: 650px; height: 100% ; box-sizing:border-box; position: fixed; right: 0; top: 0; padding: 50px 50px 50px 50px; box-sizing: border-box; z-index: 999; transform: translateX(100%);transition: all .6s; z-index: 101; }
.slide_box.active { transform: translateX(0);}
.z_mask { width: 0%; height: 100%; position: fixed;  left: 0; top:0; background: rgba(0,0,0,.8); transition: all .8s; z-index: 101; }
.z_mask.active {width: 100%; }
.slide_nav{ width:100%; height:100%; overflow-y:auto; position:relative; border-top:1px solid #f0f0f0}
.slide_box .close{ width:50px; height:66px; position:absolute; right:0; top:0; cursor:pointer; z-index:2; background:url(close.png) center center no-repeat; background-size:16px}
.slide_nav li { border-bottom:1px solid #f0f0f0;position:relative }
.slide_nav li .jia{ display:block; width:50px; height:45px; text-align:center; line-height:45px; font-size:0; color:#333; position:absolute; right:0; top:0; background:url(plus.png) center center no-repeat; display:none; cursor:pointer}
.slide_nav li .jia.on{ display:block; background-size:16px}
.slide_nav li .jian{ display:block; width:50px; height:45px; text-align:center; line-height:45px; font-size:0; color:#333; position:absolute; right:0; top:0; background:url(reduce.png) center center no-repeat; display:none; cursor:pointer; background-size:16px}
.slide_nav li .jian.on{ display:block}

.slide_nav li>a {display: block;height: 45px;color: #333;line-height: 45px;padding-left: 4%;font-size: 15px;}
.slide_nav .nav_down { display:none; }
.slide_nav .nav_down a {display: block;height: 36px;color: #7f7f7f;line-height: 36px;padding-left: 34px;font-size: 14px; background:url(z2.png) 15px center no-repeat; background-size:auto 10px}
.slide_nav .nav_down a:before {}
.slide_nav .nav_down a.active,.slide_nav .nav_down a:hover { color: #283b66;}
.slide_nav li a:hover{ color: #283b66;}
.slide_nav .nav_down a.active:before,.slide_nav .nav_down a:hover:before { width: 100%; left: 0;}
.slide_nav li .lk{ display: inline-block; vertical-align: top; line-height: 45px; font-size: 15px; color: #333; padding: 0 4% }
.slide_nav li .lk a{ color: #333 }
.slide_nav li .lk a:hover { color: #f26c2a;}
@media all and (max-width:1200px){
	.slide_box{}
	.slide_box { width:80%; padding:66px 0 30px; }
	.z_mask{ }
}